<template>
	<view class="home-page">
		<panel>
			<list-cell title="如何使用？" border-none></list-cell>
		</panel>
		<panel title="布局" z-class="group">
			<list-cell title="List 列表" url="/pages/layout/list/index" is-link></list-cell>
			<list-cell title="Grid 宫格" url="/pages/layout/grid/index" is-link></list-cell>
			<list-cell title="Card 卡片" url="/pages/layout/card/index" is-link border-none></list-cell>
		</panel>
		<panel title="表单">
			<list-cell title="Button 按钮" url="/pages/form/button/index" is-link></list-cell>
			<list-cell title="Input 输入框" url="/pages/form/input/index" is-link></list-cell>
			<list-cell title="Radio 单选" url="/pages/form/radio/index" is-link></list-cell>
			<list-cell title="Checkout 复选" url="/pages/form/checkout/index" is-link></list-cell>
			<list-cell title="Picker 选择器" url="/pages/form/picker/index" is-link></list-cell>
			<list-cell title="Rate 评分" url="/pages/form/rate/index" is-link border-none></list-cell>
		</panel>
		<panel title="操作反馈">
			<list-cell title="Message 全局提示" url="/pages/feedback/message/index" is-link></list-cell>
			<list-cell title="Loading 加载" url="/pages/feedback/loading/index" is-link></list-cell>
			<list-cell title="Swipeout 菜单滑动" url="/pages/feedback/swipeout/index" is-link></list-cell>
			<list-cell title="Longpress 菜单弹出" url="/pages/feedback/longpress/index" is-link border-none></list-cell>
		</panel>
		<panel title="导航">
			<list-cell title="Header 头部" url="/pages/navigation/header/index" is-link></list-cell>
			<list-cell title="Tabbar 标签栏" url="/pages/navigation/tabbar/index" is-link></list-cell>
			<list-cell title="Tabs 标签页" url="/pages/navigation/tabs/index" is-link></list-cell>
			<list-cell title="Sticker 吸顶器" url="/pages/navigation/sticker/index" is-link></list-cell>
			<list-cell title="Scrolly 竖向滚动" url="/pages/navigation/scrolly/index" is-link></list-cell>
			<list-cell title="Drawer 抽屉" url="/pages/navigation/drawer/index" is-link></list-cell>
			<list-cell title="Index 索引器" url="/pages/navigation/zindex/index" is-link></list-cell>
		</panel>
		<panel title="视图">
			<list-cell title="Badge 徽章" url="/pages/viewer/badge/index" is-link></list-cell>
			<list-cell title="Avatar 头像" url="/pages/viewer/avatar/index" is-link></list-cell>
			<list-cell title="Tag 标签" url="/pages/viewer/tag/index" is-link></list-cell>
		</panel>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		onLoad() {

		}
	}
</script>

<style lang="scss">
	page{
		background: $page-bg;
	}
	.home-page{
		padding-bottom: 40upx;
	}
</style>
